//Z-index has a total of 20 levels


// default font
$fontFamily:  Arial, Helvetica, sans-serif, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC',
'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif,
'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol' !default;
$fontSize: 14px;


// default padding
$marginTiny: 6px;

// Media queries breakpoints
// Extra small screen / phone
$screen-phone: 480px;

// Small screen / tablet
$screen-pad: 576px;

// Medium screen / desktop
$screen-desktop: 768px;

// Large screen / wide desktop
$screen-w-desktop: 992px;

// Extra large screen / full hd
$screen-f-desktop: 1200px;

// Extra extra large screen / large desktop
$screen-l-desktop: 1600px;

// default Icon assets
//forbid icon path
$forbidPath: '../../../assets/icons/forbid.ico' !default;
$gradientsBarAlertCancel: '../../../assets/icons/local/danger_black.svg' !default;

// font
$font-default-color-white: #fafafa !default;
$font-default-color-black: #242422 !default;
$font-size-small: 13px !default;
$font-size-normal: 16px !default;
$font-size-large: 20px !default;

// Input
$input-size-small: 2px;
$input-size-normal: 4px;
$input-size-large: 6px;
$input-border: 1.5px solid #c5c5c5 !default;
$input-border-focus: 1.5px dotted #c5c5c5 !default;
$input-font-size-small: $font-size-small !default;
$input-font-size-normal: $font-size-normal !default;
$input-font-size-large: $font-size-large !default;
$input-readonly-color: #fafafa !default;
$input-readonly-font-color: #b3b3b3 !default;

// Icon
$icon-level: 0 !default;
$icon-size:  25px !default;
$m-icon-sm: $icon-size - 5px !default;
$m-icon-nor: $icon-size !default;
$m-icon-lg: $icon-size + 8px !default;
$m-icon-tiny: $icon-size - 10px !default;

// Button
$button-level: 0 !default;
$button-size-large: 8px 24px !default;
$button-size-normal: 6px 16px !default;
$button-size-small: 4px 10px !default;
$button-size-tiny: 1px 5px !default;
$button-small-font-size: 13px !default;
$button-normal-font-size: 16px !default;
$button-large-font-size: 20px !default;
$button-outline: #303030e8 dotted 2px !default;


// Bubble
$bubble-level: 5 !default;
$bubble-size: 14px !default;
$bubble-type-SkyBlue: #04befe !default;
$bubble-type-LightDark: #505050 !default;
$bubble-type-EarthGreen: #53cc02 !default;
$bubble-type-NoticeYellow: 	#FFC125  !default;
$bubble-type-DangerRed: #EE2C2C  !default;
$bubble-triangle-size-width: 20px !default;
$bubble-content-size: 8px 15px !default;
$bubble-content--size-tiny: 4px 8px !default;

//gradientsBar
$gradientsBar-level: 20 !default;
$gradientsBar-alert-width: 100vw !default;
$gradientsBar-alert-height:  55px !default;

//gradientsFont
$gradientsFont-level: 0 !default;
$gradientsFont-small-font-size:  14px !default;
$gradientsFont-normal-font-size:  20px !default;
$gradientsFont-large-font-size:  24px !default;
$gradientsFont-title-font-size:  34px !default;
$gradientsFont-font-weight:  600 !default;

//dragBox
$dragBox-ghost: 15 !default;
$dragBox-upload: 0 !default;
$dragBox-split: 0 !default;
$dragBox-dragLine-level: 16 !default;
$dragBox-dragLine-width: 8px !default;
$dragBox-split-padding: 8px !default;
$dragBox-upload-color: #cfcfcf !default;
$dragBox-upload-border: 2px dotted #cfcfcf !default;
$dragBox-upload-border-radius: 5px !default;

//loading
$loading-ellipsis-default-color: circle, #a053f8, #ff00d4, #ffa000, #a053f8 !default;

// Socket
$socket-fillet: 22px;
$socket-container-background: #dddcdc;
$socket-container-radius: 22px;
$socket-width: 50px;
$socket-height: 22px;

// message
$message-level: 5 !default;
$message-top: 40px !default;
$message-padding: 4px 10px !default;
$message-shadow: 2px 1px 10px #d4d4d4 !default;
$message-opacity: 0.9 !default;
$message-trans: 40px !default;

// red
$red-backgroundColor: #f71c1c;
$red-font-color: $font-default-color-white;
$red-box-size: 14px;
$red-circle-radius: 14px;
$red-fillet-radius: 5px;
$red-margin: 16px;



